.recommend-header{
    margin: 5px 10px;
    margin-bottom: 10px;
}
.recommend-header a{
    padding: 5px 2px;
    cursor: pointer;
}
.recommend-header span{
    padding: 5px 2px;
    color: rgb(52,99,252);
}
/* 歌单介绍 */
.recommend-describe{
    margin:5px;
}
.recommend-describe-left{
    /* width: 20% ; */
    border-radius: 15px;
    overflow: hidden;
    margin-right: 15px;
}
.recommend-describe-left img{
    height: 150px;
    /* 让图片填充整个容器 */
    /* object-fit: cover; */
}
.recommend-describe-right{
    width: 80%;
    flex-grow: 1;
}
.recommend-describe-right-title{
    font-weight: 700;
    font-size: 20px;
    margin:5px 0;
}
.recommend-describe-right-creator .avatar{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;
}
.recommend-describe-right-creator .creator{
    font-size:12px;
    color:#507daf;
    margin-right: 10px;
}
.recommend-describe-right-creator .create-time{
    font-size:12px;
    color:#666;
    margin-right: 10px;
}
.recommend-describe-right-add{
    margin:5px 0;
    height: 30px;
    line-height: 30px;
}
.recommend-describe-right-add span{
    background-color: #2bb669;
    color: #fff;
    cursor:pointer;
}
.recommend-describe-right-add .btn{
    font-size: 14px;
    padding-left: 20px;
    padding-right: 10px;
    border-top-left-radius:15px;
    border-bottom-left-radius:15px;
    border-right:1px solid rgba(255,255,255,0.2);
}
.recommend-describe-right-add .add{
    font-size:20px;
    padding-left:10px;
    padding-right:12px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.recommend-describe-right-info{
    margin-top:5px;
}
.recommend-describe-right-info .info{
    margin: 5px 0;
    font-size:12px;
}
.recommend-describe-right-info .info .label{
    color: #666;
}
.recommend-describe-right-info .info .tag{
    color: #507daf;
}
.recommend-describe-right-info .info .label-info{
    color: #666;
    margin-right: 8px;
}
/* 歌单列表 */
.recommend-list{
    margin-top:10px;
}
.recommend-list-title{
    font-weight:bold;
}
.recommend-list-songlist-header{
    width: 100%;
    margin:10px 0;
    color:#666;
    padding: 10px 0;
}
.songlist-header-name{
    margin-left: 15%;
    width: 35%;
}
.songlist-item .songlist-number{
    text-align: center;
    width: 15%;
}
.songlist-item .songlist-songname{
    width: 35%;
}
.songlist-header-author,
.songlist-item .songlist-artist{
    width: 15%;
}
.songlist-header-album,
.songlist-item .songlist-album{
    width: 20%;
}
.songlist-header-time,
.songlist-item .songlist-time{
    width: 15%;
}
.songlist-item{
    padding:10px 0;
}
.songlist-item .font-color{
    color: #666;
}
.recommend-list-songlist-body{
    margin-bottom: 10px;
    max-height: 300px;
    overflow: auto;
}
.recommend-list-songlist-body .odd{
    background-color: #e6e6e6;
}
.recommend-list-songlist-body .even{
    background-color: #e9e9e9;
}
.recommend-list-songlist-body .active{
    background-color: #f6f6f6;
}
/* .songlist-number  */
.index{
    display: inline-block;
    width: 15%;
}

